{% extends "base.html" %}

{% block h1 %}Loja - Armaduras{% endblock %}

{% block content %}
<div id="sub-menu">	
	<a href="{% url item.views.index %}">Itens</a>
	<a href="{% url item.views.armas %}">Armas</a>
	<a href="{% url item.views.armaduras %}">Armaduras</a>
</div>
<fieldset>
	<div id="store">
		{% if sucess %}
			<div class="sucess">{{ sucess }}</div>
		{% endif %}
		{% if notsucess %}
			<div class="notsucess">{{ notsucess }}</div>
		{% endif %}
		{% for armadura in armaduras %}
		<table width="100%" border="0">
			<tr>
				<td class="nameItem" colspan="2">
					{{ armadura.nome }} - Level: {{ armadura.nivel }} | Valor: {{ armadura.preco }}
				</td>
				<form method="post">
					{% csrf_token %}
					<td align="right">
						<input type="hidden" value="{{ armadura.id }}" name="idArmadura" />
						<input type="submit" class="button" value="Comprar" />
					</td>
				</form>
			</tr>
			<tr class="infoItem">
				<td width="19%"><img class="imgItem" src="{{ MEDIA_URL }}{{ armadura.img }}" width="90" height="90" /></td>
				<td width="40.5%">
					<ul>
						<li>MP: {{ armadura.mp }}</li>
						<li>Força: {{ armadura.forca }}</li>
						<li>Constituição: {{ armadura.constituicao }}</li>
					</ul>
				</td>
				<td width="40.5%">
					<ul>
						<li>HP: {{ armadura.hp }}</li>
						<li>Inteligência: {{ armadura.inteligencia }}</li>
						<li>Agilidade: {{ armadura.agilidade }}</li>
					</ul>
				</td>
			</tr>
			<tr>
				<td>Descrição:</td>
				<td colspan="2">{{ armadura.descricao }}</td>
			</tr>
		</table>
		{% endfor %}
	</div>
</fieldset>
{% endblock %}
